<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <div id="container">
        <p>js匿名变量数值类型:{{123}}</p>
        <p>js匿名变量字符串类型:{{"字符串"}}</p>
        <p>js匿名变量布尔类型:{{true}}</p>
        <p>js匿名变量数组类型:{{[1,2,3,4,5]}}</p>
        <p>js匿名变量对象类型:{{ {name:"iboy",age:20} }}</p>
        <p>js匿名变量null类型:{{null}}</p>
        <p>js匿名变量undefined类型:{{undefined}}</p>
        <hr>
        <p>js内置对象的调用:{{Math.PI}}</p>
        <p>js内置对象的调用:{{Math.random()*100}}</p>
        <p>js内置对象的调用:{{Math.floor(3.14)}}</p>
        <p>js内置对象的调用:{{Math.ceil(3.14)}}</p>
        <p>js内置对象调用vue数据仓库变量:{{Math.sqrt(num)}}</p>
        <hr>
        <p>js表达式:{{6+1}}</p>
        <p>js表达式:{{10>9}}</p>
        <p>js表达式:{{true&&false}}</p>
        <p>js表达式:{{true||false}}</p>
        <p>js表达式:{{"M"==str?"boy":"girl"}}</p>
        <p>js表达式:{{10>9?1:0}}</p>
    </div>
    <script>
        new Vue({
            el: "#container",
            data: {
                num:7.77,
                str:"M"
            }
        })
    </script>
</body>
</html>